<!DOCTYPE html>
<html class="no-js">
<head>
	<meta charset="utf-8">
	<title>会议室预约</title>
	<meta name="description" content="">
	<meta name="HandheldFriendly" content="True">
	<meta name="MobileOptimized" content="320">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
	<meta http-equiv="cleartype" content="on">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="/assets/meeting/css/style.css">
</head>
<body>
<div class="wraper normal" js="wapjs/base/meeting/js/index">
	<div class="head clearfix">
		<a href="#" class="iconfont icon-zuo"></a>
		<span class="head-name">第一会议室</span>
	</div>
	<div class="lists text-center">2016-07-03会议室空闲情况</div>
	<div class="color-box text-12 text-center">
		<div class="color-list"><span class="color-block bg-white"></span>可预约</div>
		<div class="color-list"><span class="color-block bg-grey"></span>禁用</div>
		<div class="color-list"><span class="color-block bg-green"></span>已预订</div>
		<div class="color-list"><span class="color-block bg-blue"></span>已冻结</div>
		<div class="color-list"><span class="color-block bg-orange"></span>检修中</div>
	</div>
	<div class="time-box clearfix">
		<div class="time-block">
			<p>07:00</p>
			<p>07:30</p>
		</div>
		<div class="time-block bg-blue">
			<p>07:30</p>
			<p>08:00</p>
		</div>
		<div class="time-block">
			<p>08:00</p>
			<p>08:30</p>
		</div>
		<div class="time-block">
			<p>08:30</p>
			<p>09:00</p>
		</div>
		<div class="time-block">
			<p>09:00</p>
			<p>09:30</p>
		</div>
		<div class="time-block">
			<p>09:30</p>
			<p>10:00</p>
		</div>
		<div class="time-block">
			<p>10:00</p>
			<p>10:30</p>
		</div>
		<div class="time-block">
			<p>10:30</p>
			<p>11:00</p>
		</div>
		<div class="time-block">
			<p>11:00</p>
			<p>11:30</p>
		</div>
		<div class="time-block bg-orange">
			<p>11:30</p>
			<p>12:00</p>
		</div>
		<div class="time-block">
			<p>12:00</p>
			<p>12:30</p>
		</div>
		<div class="time-block">
			<p>12:30</p>
			<p>13:00</p>
		</div>
		<div class="time-block">
			<p>13:00</p>
			<p>13:30</p>
		</div>
		<div class="time-block">
			<p>13:30</p>
			<p>14:00</p>
		</div>
		<div class="time-block">
			<p>14:00</p>
			<p>14:30</p>
		</div>
		<div class="time-block bg-blue">
			<p>14:30</p>
			<p>15:00</p>
		</div>
		<div class="time-block">
			<p>15:00</p>
			<p>15:30</p>
		</div>
		<div class="time-block">
			<p>15:30</p>
			<p>16:00</p>
		</div>
		<div class="time-block">
			<p>16:00</p>
			<p>16:30</p>
		</div>
		<div class="time-block">
			<p>16:30</p>
			<p>17:00</p>
		</div>
		<div class="time-block">
			<p>17:00</p>
			<p>17:30</p>
		</div>
		<div class="time-block bg-grey">
			<p>17:30</p>
			<p>18:00</p>
		</div>
		<div class="time-block">
			<p>18:00</p>
			<p>18:30</p>
		</div>
		<div class="time-block">
			<p>18:30</p>
			<p>19:00</p>
		</div>
		<div class="time-block bg-green">
			<p>19:00</p>
			<p>19:30</p>
		</div>
		<div class="time-block">
			<p>19:30</p>
			<p>20:00</p>
		</div>
		<div class="time-block">
			<p>20:00</p>
			<p>20:30</p>
		</div>
		<div class="time-block">
			<p>20:30</p>
			<p>21:00</p>
		</div>
		<div class="time-block">
			<p>21:00</p>
			<p>21:30</p>
		</div>
		<div class="time-block">
			<p>21:30</p>
			<p>22:00</p>
		</div>
	</div>
</div>
<script type="text/javascript" src="/meeting/assets/public/seajs/sea.js"></script>
<script enter="publicjs/public" id="confnode" async="async" src="/meeting/assets/public/config.js"></script>
</body>
</html>